@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.wf-req{
    overflow: hidden;
    height: 100%;

    .wf-lsx-needAdd2{
      background-color:RGB(242,242,242);
      // cursor: pointer;
    }

    .wf-lsx-needAdd{
      background-color:RGB(242,242,242);
    }
  

    .wf-continuationProcess-div {
        .wf-continuationProcess-title {
            background: #45474E;
            width: 100%;
            height: 40 * @hd;
            // text-align: center;
            padding-left: 20 * @hd;
            line-height: 40 * @hd;
            position: relative;
            color: #FFFFFF;
    
            .wf-continuationProcess-title-pageSwitch {
                position: absolute;
                right: 30 * @hd;
                top: 0;
                height: 40 * @hd;
                line-height: 40 * @hd;
    
                .prePage {
                    margin-right: 30 * @hd;
                    cursor: pointer;
                }
    
                .nextPage {
                    cursor: pointer;
                }

                .am-icon-home-page-1 {
                    width: 12 * @hd;
                    height: 12 * @hd;
                    padding-right: 10 * @hd;
                }

                .am-icon-tail-page {
                    width: 12 * @hd;
                    height: 12 * @hd;
                    padding-left: 10 * @hd;
                }
    
                .pre-disabled {
                    color: #B8B8B8;
                    cursor: not-allowed;
                    margin-right: 30 * @hd;
                }
    
                .disabled {
                    color: #B8B8B8;
                    cursor: not-allowed;
                }
            }
        }
        .wf-continuationProcess-title-formIframe {
            border: 0;
            width: 100%;
            @diff: 40 * @hd;
            height: calc(~"100% - " @diff);
        }
    }

    .wf-req-main{
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        padding-top: 45 * @hd;

        .wf-req-top{
            margin-top: -45 * @hd;

            .wf-req-switch-pc{
                width: 32 * @hd;
                text-align: center;
            }
        }

        .wf-req-content{
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
    
            .wf-req-layout{
                background: #FFF;
            }
            .wf-req-signlist{
                width: 100%;
            }
            .wf-req-signlist-tab{
                height: 100%;
            }
        }
    }

    .wf-req-hover{
        height: 100%;
    }
    .wf-req-bottom {
      .footer-reply-input {
        position: absolute;
        bottom: 0;
        background: #e2e2e2;
        width: 100%;
        .reply-div {
          .sign-reply-panel {
            .quote-top-words {
              position: relative;
              padding: 8px 8px 5px 8px;
              z-index: 3;
              background-color: #F1F1F2;
              .top-panel {
                padding: 5px 10px 5px 5px;
                background: #f7fafd;
                border: 1px solid #e7dff7;
                .content-top-quote {
                  padding: 5px 10px;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  .quote-span {
                    margin-right: 5px;
                    color: #55b1f9;
                  }
                  a {
                    color: #999;
                  }
                  .reply-span {
                    margin-right: 5px;
                    color: #999;
                    font-size: 14px;
                  }
                  .am-icon {
                    position: absolute;
                    right: 10px;
                    top: 25px;
                    color: #868686;
                  }
                }
                .reply-content {
                  .wea-cl-content {
                    padding: 5px 10px;
                    p {
                      padding: 0;
                      margin: 0;
                    }
                    .remark-quote {
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                    }
                  }
                }
              }
            }

          }
          .wm-reply-wrap {
            position: relative;
            bottom: 0;
            z-index: 10;
          }
        }
      }
    }
}

.wf-req-top-popover{
    .am-popover-item{
        span{
            margin: auto;
        }
    }
}

.formImgPlay{
    max-width: 100%;
}



